<template>
  <div class="h-full flex flex-col">
    <a-affix :offset-top="50">
        <a-menu mode="horizontal" :selectedKeys="selectedKeys" type="inner"
          class="bg-[#f0f2f5] mb-2">
            <!-- <a-menu-item key="/dcoPortal/myTasks">
              <router-link to="/dcoPortal/myTasks">{{ $t( 'dco.portal.task') }}</router-link>
            </a-menu-item> -->
            <!-- <a-menu-item key="/dcoPortal/groupTasks">
              <router-link to="/dcoPortal/groupTasks">{{ $t('GROUP TASKS') }}</router-link>
            </a-menu-item> -->
        </a-menu>
      </a-affix>
      <route-view class="flex-1" />
  </div>
</template>

<script>
import menutabs from '@/mixins/menu-mixin'
export default {
  mixins: [menutabs],
  data() {
    return {
      // routeList: [
      //   {
      //     path: '/dcoPortal/myTasks',
      //     title: 'MY TASKS',
      //   },
      //   {
      //     path: '/dcoPortal/groupTasks',
      //     title: 'GROUP TASKS',
      //   },
      // ],
    }
  },

}
</script>
<style lang="less" scoped>
.Title {
  font-size: 36px;
  font-weight: 500;
  line-height: 42px;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: 10px;
}
.ant-menu-horizontal > .ant-menu-item, .ant-menu-horizontal > .ant-menu-submenu {
    width: 294px;
    text-align: center;
}
</style>